* {margin:0;padding:0;}
body,textarea,input,button,select,keygen,legend{font:14px "Microsoft YaHei",Verdana,"宋体",sans-serif;font-weight:normal;color:#666666;outline:0;}
header,footer,section,article,aside,nav,address,figure,figcaption,menu,details,canvas{display:block;}
h1{font-size:30px;}
h2{font-size:24px;}
h3{font-size:20px;}
h4{font-size:16px;}
h5{font-size:14px;}
h6{font-size:12px;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
summary{outline:0;}
ul,li{list-style:none;}
a,a:hover{text-decoration:none;cursor:pointer;}
a:link {color:#666666;}	
a:visited {color:#666666;}
a:hover {color:#C91618;}
a:active {color:#666666;}

input{height:20px;border:1px solid #09f;border-radius:3px;padding:2px;vertical-align:middle}
input.nomal{width:220px}
.nomal.px{
  width: 200px;
  padding-right: 20px;
  background: url(./px.png) 200px 4px no-repeat #fff;
  background-size: 18px 18px;
}
#uploads-btn{width:80px;height:25px;border:1px solid #06f;background-color:#06f;background:linear-gradient(to bottom,#09f 0,#06f 100%);color:#fff}
#uploads-file{width:300px;position:absolute;top:12px;left:61px;filter:alpha(opacity=0);-moz-opacity:0;opacity:0}

.closeIt{top:5px;right:5px;width:17px;height:17px;display:block;position:absolute;background:url(./close.png) 0 0 no-repeat;cursor:pointer;}

header{width:100%;min-width:1000px;height:45px;background-color:#22282e;position:fixed;top:0;left:0;z-index:9999;position:relative}
#navbar{margin-left:15px;padding-top:5px;float:left}
#navbar li,.toolbar li{min-width:75px;height:40px;line-height:40px;margin-right:5px;float:left}
#navbar li.on{background-color:#0099cc;position:relative}
#navbar li.on .toolbar{width:420px;padding-bottom:3px;position:absolute;z-index:999;top:40px;display:block}
.icon{min-width:35px;height:40px;line-height:40px;padding-left:40px;display:block;background:url(./icon.png) 0 0 no-repeat;color:#fff}
.icon:link,.icon:visited,.icon:active{color:#fff}
.icon:hover{background-color:#09c}
.icon.disabled{color: #ccc;}

.clip{background-position: 0 -240px;}
.clear{background-position:0 -80px}
.clear.disabled{background-position:-80px -80px;color:#ccc}
.export{background-position:0 -200px}
.change{background-position:0 -120px}


.toolbar{width:252px;position:absolute;z-index:999;top:43px;left:-2px;border:2px solid #393939;border-top:0;background-color:#fff;display:none}
.toolbar .set-btn,
#extra .set-btn{height:26px;padding:0 10px;border-radius:3px;color:#fff;cursor:pointer}
.toolbar ul{margin-left:47px;float:left;clear:both}
.toolbar li.selected{background-color:#425666}
.toolbar h5{padding:0 5px}
.toolbar p{height:36px;line-height:36px;font-size:14px;color:#333}
.toolbar p label{width:76px;padding-left:5px;display:inline-block;float:left}
.toolbar p textarea{width:300px;height:80px;margin-top:8px;padding:2px;border:1px solid #09f;border-radius:3px}
.toolbar p.uneven{padding-left:61px;margin-bottom:5px}
.toolbar p.heighter{height:100px!important}
.toolbar span{width:132px;display:block;float:left}
.toolbar .more{width:320px;height:100px}
.toolbar .set-btn{border:1px solid #06f;background-color:#06f;background:linear-gradient(to bottom,#09f 0,#06f 100%);vertical-align:middle;}


.main{position:relative;}
.welcome{display: flex;justify-content: center;align-items: center;margin-top:45px;}
.dropbox{margin:50px auto 0;width:366px;height:300px;position:relative;border:5px dashed #999;border-radius:5px;background:url(./uploads.png) 50% 25% no-repeat;background-size:128px 128px;text-align:center}
.dropbox h3{font-size:24px;padding-top:200px}
.dropbox p{font-size:16px;padding:25px 0}
.dropbox p.know{font-size:14px}
#upload h1{margin-top:50px;font-size:45px;color:#aaa;text-align:center}
#loadimage{width:361px;height:295px;position:absolute;top:0;left:0;filter:alpha(opacity=0);-moz-opacity:0;opacity:0}

.imgbox{width: auto;height: auto;position: relative;}